<script>
import CeilingXq from "@/components/ceilingXq.vue";
import PartXq from "@/components/partXq.vue";
import CourseDescription from "@/components/courseDescription.vue";
import BottomPage from "@/components/bottomPage.vue";

export default {
  name: "detailPage",
  components: {BottomPage, CourseDescription, PartXq, CeilingXq}
}
</script>

<template>
<div class="app1">
<!-- 顶部-->
  <ceiling-xq></ceiling-xq>
<!--  内容-->
  <part-xq></part-xq>
<!--  课程描述-->
<course-description></course-description>
<!--  dibu-->
  <bottom-page></bottom-page>
</div>
</template>

<style scoped lang="less">
* {
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
.w {
  width: 1200px;
  margin: 0 auto;

}
.app1{
  background-color: blanchedalmond;
}
</style>